<%@ page language="java" import="java.util.*" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1, user-scalable=no, minimal-ui"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
<meta name="format-detection" content="telephone=no, email=no"/>
<title>404错误页</title>
<style>
    *{box-sizing: border-box;}
    body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,form{margin:0;padding:0;}
   button,textarea,input,label{outline:0 none;-webkit-tap-highlight-color:transparent;-webkit-appearance: none;border-radius: 0;}
   body,button,input,textarea{color:#333;font: 14px/1.4 'Helvetica Neue','Hiragino Sans GB','WenQuanYi Micro Hei','Microsoft Yahei',sans-serif;}
    h1,h2,h3,h4,h5,h6 {
        font-weight: normal;
    }
    img,input{border:none;}
    img{max-width: 100%;
    vertical-align: top;}
    ul,ol{list-style:none;}
    a{text-decoration: none;}
    a{color:#222;text-decoration: none;cursor:pointer;}
    /*a:hover{color:#ec584e;}*/
    a:focus,button:focus,input:focus {
        outline: 0
    }
    /*reset*/
    body{max-width: 640px;height:100%;margin:0 auto;background: #676868;}
    .btn{
        display:inline-block;
        width:120px;
        height:40px;
        line-height: 40px;
        background: #f7766e;
        border-radius: 5px;
        text-align: center;
        font-size: 16px;
        color:#fff;
    }
    footer{
        display:block;
        width: 70%;
        padding-top:60px;
        margin:30px auto;
        text-align: center;
    }
    .txt{
        color:#fff;
        font-size: 100px;
    }
    .company{
        padding-top:100px;
        text-align: center;
        font-size: 20px;
        color:#fff;
    }
    .company span{
        color:#ec584e;
    }
</style>
</head>
<body>
    <h1 style="display:none;">404页面</h1>
    <div style="text-align: center;">
        <p class="txt">404</p>
        <p style="margin-top:-20px;color:#eee;font-size: 16px;">哦噢,页面未找到~~</p>
    </div>
    <footer >
        <a class="btn" href="/projects/project_list">
            返回项目页
        </a>
        <p class="company"><span>VC</span>hello.com</p>
        <p style="font-size: 16px;color:#222;">VChello SAAS</p>
    </footer>
    <script>
        // 禁止首页touchmove
        var silde=0;
        document.addEventListener("touchmove",function(e){
            if(silde==0){
            e.preventDefault();
            e.stopPropagation();
            }
        },false);
    </script>
</body>
</html>